export default defineComponent({
	name: "OpsCard",
	props: {
		width: String,
		height: String,
		title: String,
		content: String
	},
	setup() {
		return (props: { width: Number; height: Number; title: String; content: String }) => (
			<div className={"p-1"} style={{ width: props.width ?? "fit-content", height: props.height ?? "fit-content" } as any}>
				<div className="w-full h-full rounded-md bg-ops-card-bg-black  flex flex-col justify-center items-center ">
					<div className="title text-xl"> {props.title}</div>
					<div className="content text-green-600 text-sm"> {props.content}</div>
				</div>
			</div>
		);
	}
});
